<template>
    <div class="common-layout">
        <el-container class="main-box">
            <!-- 侧边栏 -->
             <common-aside></common-aside>
            <el-container>
                <el-header class="header-content">
                    <!-- header组件 -->
                    <common-header></common-header>
                </el-header>
                <el-main>
                    <!--tag组件  -->
                    <common-tag></common-tag>
                    <!-- 路由出口 -->
                     <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>


<script setup>
import CommonAside from '../components/CommonAside.vue';
import CommonHeader from '../components/CommonHeader.vue';
import CommonTag from '../components/CommonTag.vue'
</script>



<style lang="less">
.common-layout{
    height: 100%;
    .main-box{
        height: 100%;
        .header-content{
            background-color: #fff;
        }
    }
}
</style>